<template>
  <div class="minelike">
    <div class="list" @click="golike('/likeindex')">
      <div class="iconfont icon-shoucangxuanzhong"></div>
      <p>收藏</p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont icon-pingjia-tianchong"></div>
      <p>待评价</p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont">
        <van-icon name="clock" />
      </div>
      <p>最近浏览</p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont">
        <van-icon name="good-job" />
      </div>
      <p>赞过</p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont icon-dingdan yellow"></div>
      <p>
        <span>订单</span>
      </p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont icon-w_piaowu yellow"></div>
      <p>卡券</p>
      <span>抢专属新人礼包</span>
    </div>
    <div class="list">
      <div class="iconfont icon-shejiaotubiao-43 yellow"></div>
      <p>积分</p>
      <span></span>
    </div>
    <div class="list">
      <div class="iconfont icon-qianbao yellow"></div>
      <p>钱包</p>
      <span>进入钱包</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    golike(val) {
      if (localStorage.getItem("token")) {
        this.$router.push(val);
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.minelike {
  margin-top: 2.667vw;
  width: 100%;
  height: 42.667vw;
  padding-bottom: 2.667vw;
  background-color: #fff;
  border-radius: 1.333vw;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  .list {
    width: 22.667vw;
    height: 21.333vw;
    text-align: center;
    .iconfont {
      padding: 2.667vw 0;
      font-size: 5.867vw;
      color: #ff8736;
    }
    .yellow {
      color: #fdb204;
    }
    p {
      font-size: 3.733vw;
    }
    span {
      font-size: 2.667vw;
      color: #6b6158;
    }
  }
}
</style>